<!DOCTYPE html>
<html>
	<head>
		<title>chart created with amCharts | amCharts</title>
		<meta name="description" content="chart created using amCharts live editor" />
		
		<!-- amCharts javascript sources -->
		<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
		<script type="text/javascript" src="https://cdn.amcharts.com/lib/3/serial.js"></script>
		

		<!-- amCharts javascript code -->
		<script type="text/javascript">
			AmCharts.makeChart("chartdiv",
				{
					"type": "serial",
					"categoryField": "Country Name",
					"dataDateFormat": "YYYY",
					"handDrawThickness": 2,
					"theme": "default",
					"categoryAxis": {
						"minPeriod": "YYYY",
						"parseDates": true
					},
					"chartCursor": {
						"enabled": true,
						"animationDuration": 0,
						"categoryBalloonDateFormat": "YYYY"
					},
					"chartScrollbar": {
						"enabled": true
					},
					"trendLines": [],
					"graphs": [
						{
							"bullet": "round",
							"id": "AmGraph-1",
							"title": "China",
							"valueField": "China"
						},
						{
							"bullet": "square",
							"id": "AmGraph-2",
							"title": "France",
							"valueField": "France"
						},
						{
							"id": "AmGraph-3",
							"title": "India",
							"valueField": "India"
						},
						{
							"id": "AmGraph-4",
							"title": "America",
							"valueField": "America"
						}
					],
					"guides": [],
					"valueAxes": [
						{
							"id": "ValueAxis-1",
							"title": "Axis title"
						}
					],
					"allLabels": [],
					"balloon": {},
					"legend": {
						"enabled": true,
						"useGraphSettings": true
					},
					"titles": [
						{
							"id": "Title-1",
							"size": 15,
							"text": "四国GDP-农业"
						}
					],
					"dataProvider": [
						{
							"Country Name": "2000",
							"China": "1.77778E+11",
							"France": "28656002945",
							"India": "1.01225E+11",
							"America": "1.17943E+11"
						},
						{
							"Country Name": "2001",
							"China": "1.87295E+11",
							"France": "29027352988",
							"India": "1.04947E+11",
							"America": "1.19497E+11"
						},
						{
							"Country Name": "2002",
							"China": "1.9566E+11",
							"France": "30191223481",
							"India": "1.00591E+11",
							"America": "1.06418E+11"
						},
						{
							"Country Name": "2003",
							"China": "2.0528E+11",
							"France": "34127109031",
							"India": "1.1906E+11",
							"America": "1.28432E+11"
						},
						{
							"Country Name": "2004",
							"China": "2.52565E+11",
							"France": "38634362051",
							"India": "1.26333E+11",
							"America": "1.5467E+11"
						},
						{
							"Country Name": "2005",
							"China": "2.6612E+11",
							"France": "36910914291",
							"India": "1.44553E+11",
							"America": "1.517E+11"
						},
						{
							"Country Name": "2006",
							"China": "2.92434E+11",
							"France": "35237125383",
							"India": "1.5852E+11",
							"America": "1.39467E+11"
						},
						{
							"Country Name": "2007",
							"China": "3.63772E+11",
							"France": "42915149320",
							"India": "2.0385E+11",
							"America": "1.55616E+11"
						},
						{
							"Country Name": "2008",
							"China": "4.672E+11",
							"France": "44400636846",
							"India": "2.0136E+11",
							"America": "1.55527E+11"
						},
						{
							"Country Name": "2009",
							"China": "4.9168E+11",
							"France": "35737115213",
							"India": "2.24689E+11",
							"America": "1.3931E+11"
						},
						{
							"Country Name": "2010",
							"China": "5.67641E+11",
							"France": "42429561916",
							"India": "2.85299E+11",
							"America": "1.5492E+11"
						},
						{
							"Country Name": "2011",
							"China": "6.9355E+11",
							"France": "47283327986",
							"India": "3.13419E+11",
							"America": "1.87284E+11"
						},
						{
							"Country Name": "2012",
							"China": "7.77599E+11",
							"France": "43792021880",
							"India": "3.07872E+11",
							"America": "1.86812E+11"
						},
						{
							"Country Name": "2013",
							"China": "8.55877E+11",
							"France": "41014941287",
							"India": "3.18398E+11",
							"America": "2.22513E+11"
						},
						{
							"Country Name": "2014",
							"China": "9.0546E+11",
							"France": "44448979241",
							"India": "3.4249E+11",
							"America": "2.0575E+11"
						},
						{
							"Country Name": "2015",
							"China": "9.27736E+11",
							"France": "39164695526",
							"India": "3.4245E+11",
							"America": "1.88238E+11"
						},
						{
							"Country Name": "2016",
							"China": "9.051E+11",
							"France": "35539338243",
							"India": "3.75516E+11",
							"America": "1.76228E+11"
						},
						{
							"Country Name": "2017",
							"China": "9.1882E+11",
							"France": "40027993125",
							"India": "4.3904E+11",
							"America": "1.84425E+11"
						},
						{
							"Country Name": "2018",
							"China": "9.78621E+11",
							"France": "46019435338",
							"India": "4.33324E+11",
							"America": "1.85598E+11"
						},
						{
							"Country Name": "2019",
							"China": "1.0212E+12",
							"France": "41545938007",
							"India": "4.75122E+11",
							"America": "1.79346E+11"
						},
						{
							"Country Name": "2020",
							"China": "1.1376E+12",
							"France": "41424026283",
							"India": "4.97866E+11",
							"America": "1.99832E+11"
						},
						{
							"Country Name": "2021",
							"China": "1.2938E+12",
							"France": "48514824779",
							"India": "5.4583E+11",
							"America": "2.23724E+11"
						},
						{
							"Country Name": "2022",
							"China": "1.31131E+12",
							"France": "50227260892",
							"India": "5.62546E+11",
							"America": "2.46926E+11"
						}
					]
				}
			);
		</script>
	</head>
	<body>
		<div id="chartdiv" style="width: 100%; height: 400px; background-color: #FFFFFF;" ></div>
	</body>
</html>